<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>调用带参数的函数</title>
</head>

<body>
    <p>点击整个按钮，来调用带参数的函数。</p>
    <button onclick="myFunction('Harry Potter','Wizard')">点击这里</button>
    <script>
        function myFunction(name, job) {
            alert("Welcome " + name + ", the " + job);
        }
    </script>
    <br />
    <p>在调用函数时，您可以向其传递值，这些值被称为参数。</p>
    <p>这些参数可以在函数中使用。</p>
    <p>您可以发送任意多的参数，由逗号 (,) 分隔：</p>
    <p>变量和参数必须以一致的顺序出现。第一个变量就是第一个被传递的参数的给定的值，以此类推。</p>
</body>

</html>